<template>
  <div class="box">
    <!-- <svg-icon name="phone" color="blue" width="900px" height="200px"></svg-icon> -->
    <router-view></router-view>
  </div>
</template>

<script setup lang="ts">
// import { Check } from '@element-plus/icons-vue'
// import SvgIcon from '@/components/SvgIcon/index.vue'
// const abc = '我爱你祖国'
// import HelloWorld from './components/HelloWorld.vue'
// import { reqLogin } from '@/api/user/index.ts'
import { reqLogin } from '@/api/user'
import { onMounted } from 'vue'
//组件挂载完毕
onMounted(() => {
  login()
})
const login = () => {
  reqLogin({ username: 'admin', password: '12345' })
    .then((res) => {
      console.log('err', res)
    })
    .catch((err) => {
      console.log('err', err)
    })
}

// const submitForm = () => {
//   formRef.value.validate((valid) => {
//     if (valid) {
//       // 表单校验通过，执行提交操作
//       const data = { ...formData } // 复制表单数据
//       // 发送异步请求
//       editPassword(data)
//         .then(response => {
//           if (response.code === 0) {
//             ElMessage.success('配置成功!请重新登录！')
//             setTimeout(() => {
//               store.dispatch('user/logout2')
//             }, 2000)
//           } else {
//             ElMessage.success('配置失败!')
//           }
//           // 做出相应处理
//         })
//         .catch(error => {
//           // 请求失败
//           console.log('提交失败', error)
//           // 做出相应处理
//         })
//       console.log('提交表单')
//     } else {
//       // 表单校验不通过，做出相应处理
//       console.log('表单校验不通过')
//       return false
//     }
//   })
// }
</script>

<!-- <template>
  <div>
    <a href="https://vitejs.dev" target="_blank">
      <img src="/vite.svg" class="logo" alt="Vite logo" />
    </a>
    <a href="https://vuejs.org/" target="_blank">
      <img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
    </a>
  </div>
  <HelloWorld msg="Vite + Vue" />
</template> -->

<style scoped lang="scss">
.box {
}
</style>
